    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,table,textarea,select{margin:0;padding:0; font-family:'微软雅黑';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
th,em{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img,a img{border:0;}
body{  font-family:'微软雅黑'; color:#666;background-color:#fff;}

/* 距离520倒计时 */
.times{ width: 100%; margin: 0 auto; color: #B30F23;  position: relative;}
.times img.head-bg{ max-width: 100%; width: 100%; height: auto;}
.times div{ position: absolute; top: 0.16rem; font-size: 0.15rem;}
.times div span.head-txt{ margin: 0.16rem 0.1rem 0 0.19rem;}
.times div span.t{letter-spacing: 0.02rem;}
.times div span.t font{font-size: 0.12rem;}
.times img.close{ position: absolute; right: 0.1rem; top: 0.1rem; width: 0.2rem; height: auto;}

/* 距离520剩余时间 */
.times2{ width: 100%; margin: 0 auto; color: #B30F23;  position: relative;}
.times2 img.head-bg{ max-width: 100%; width: 100%; height: auto;}
.times2 div{ position: absolute; top: 0.16rem; font-size: 0.18rem; padding: 0 0 0 0.8rem;}
.times2 img.close2{ position: absolute; right: 0.1rem; top: 0.1rem; width: 0.2rem; height: auto;}


/* 滑动导航 */
.page{width:100%; margin:0 auto;}
.nav_slide{width:100%; margin:0 auto; position:relative; height: 0.34rem;float: left; overflow: hidden;}
.nav_slide ul{position:absolute;left:0;top:0;width:200%;z-index:1; overflow: hidden;}
.nav_slide ul li{ height:0.34rem; line-height:0.34rem; float:left; text-align: center; padding: 0 0.1rem;}
.nav_slide ul .now{border-bottom: solid 3px #d4162b;}



.nav_slide ul li a{color:#555; height:0.32rem; line-height:0.32rem;  display:block; text-decoration:none; text-align:center; font-size:0.13rem; font-family:'微软雅黑';width: auto;}
.nav_slide ul li.home a{ border-bottom: 0.02rem solid #d4162b;}
.nav_slide .line{ width: 80px; height: 3px; background: #d4162b; position: relative; top: 47px;}

/* banner */
.banner{ width: 3.2rem;height: 1.62rem; margin:0 auto; position: relative; overflow: hidden; background: url(pre_order/61_banner_01.png); background-size: 100%;}
.banner .libao{width: 0.7rem;height: 40px;position: absolute;left: 0.35rem; bottom: 0.38rem;}
.banner .book{width: 0.6rem;height: 40px;position: absolute;left: 1.2rem;bottom: 0.38rem;}
.banner .guize{width: 0.7rem;height: 0.2rem;line-height: 0.2rem;text-align: center;  position: absolute;right: 0.2rem;bottom: 0.3rem;font-size: 12px;color: #d13010;}


.banner img{ width: 100%; max-width: 100%; overflow-y: hidden;}






/* 美术高考 */
.pre_meishu{ width: 100%; margin:0 auto; overflow-y: hidden; position: relative;}
.pre_meishu img{ width: 100%; max-width: 100%; overflow-y: hidden;}
.pre_meishu a{ position: absolute; width: 0.54rem; height: 0.2rem; left: 50%; bottom: 0.08rem; margin: 0 0 0 -0.28rem;}

/*热门新品*/
.news{ width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 10px;}
.news img{ width: 100%; max-width: 100%; height: auto;}

/* 商品*/
.pre_shop{ width: 100%; margin: 0 auto; overflow-y:hidden;}
.pre_shop ul{ width: 100%; margin:0 auto; overflow: hidden; }
.pre_shop ul li{ float: left; width: 30%; border:1px solid #ddd; margin:0 0 2% 2%;}
.pre_shop ul li div.pre_shop_img{ width: 100%; position: relative;}
.pre_shop ul li div.pre_shop_img a{ display: block;}
.pre_shop ul li div.pre_shop_img img.max_shop{max-width: 100%; width: 100%; height:1rem;}
.pre_shop ul li div.pre_shop_img img.shop{ position: absolute; right: 0px; bottom: 0px; width:34px; height: 34px; }
.pre_shop ul li div.pre_shop_txt {padding:5px 0 5px 5px; font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pre_shop ul li div.pre_shop_detailed { width: 95%; margin: 0 auto; margin-bottom: 5px; overflow: hidden;}
.pre_shop ul li div.pre_shop_detailed div.pre_shop_number { width: 100%; overflow: hidden;}
.pre_shop ul li div.pre_shop_detailed div.pre_shop_number em{ font-style: normal; font-size:0.11rem; color: #999; float: left; text-decoration: line-through; width: 100%;}
.pre_shop ul li div.pre_shop_detailed div.pre_shop_number span{ font-size:0.11rem;color: #777;}

.pre_shop ul li div.pre_shop_detailed div.pre_shop_money{ font-size: 18px; float: left; color: #d4162b;}
.mask-box{ position: relative;}
.mask{ width: 100%; height: 1rem; line-height: 1rem; font-size: 0.18rem; color: #fff; font-weight: bold; text-align: center; background: rgba(0,0,0,0.3);  position: absolute; top: 0;}

/* 底部css*/
#bottom .box{ margin: 0;}









